import React from 'react'
import { Link } from 'react-router-dom'
import '../styles/pages.css'

function NotFound() {
  return (
    <div className="not-found-container">
      <div className="not-found-content">
        <h1 className="not-found-title">404</h1>
        <p className="not-found-message">抱歉，您访问的页面不存在</p>
        <p className="not-found-submessage">可能是输入了错误的地址，或者页面已被移除</p>
        <Link to="/" className="btn-primary">返回首页</Link>
      </div>
    </div>
  )
}

export default NotFound